.securityCenter{
  min-height: calc(100vh - 320px);
  .securityLevel{
    height: 120px;
    box-sizing: border-box;
    padding: 29px 40px 28px;
    .securityLevel_star{
      line-height:33px;
      .level_text{
        margin-right: 30px;
        font-size:24px;
      }
      .safetyStar{
        display: inline-block;
        span{
          margin-right: 10px;
          i{
            font-size: 20px;
            &.colorStore{
              background: $star-icon-color1;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }
            &.grayStore{
             color: $process-gray-color;
            }
          }
        }
      }
    }
    .securityLevel_text{
      font-size:14px;
      line-height:20px;
      color: $save-detail-font-color;
    }
  }
  .securityItem{
    box-sizing: border-box;
    padding: 0 30px;
    .item{
      padding: 40px 10px;
      height: 119px;
      box-sizing: border-box;
      border-bottom: 1px solid $beforeOrAfterBg;
      &.item_google{
        border-bottom: none;
      }
      .item_name{
        float: left;
        width: 166px;
        line-height: 40px;
        font-size:18px;
      }
      .item_cont{
        float: left;
        width: 694px;
        &.strength{
          position: relative;
          box-sizing: border-box;
          .progressDiv{
            float: left;
            padding-top: 12px;
            width: 300px;
            .progress{
              float: left;
              width: 70px;
              height: 15px;
              margin-right: 2px;
              background: $base-background-color;
              &.weak{
                background: $password-weak;
              }
              &.medium{
                background: $password-medium;
              }
              &.strong{
                background: $password-strong;
              }
            }
            .textDes{
              margin-left: 10px;
              line-height: 15px;
            }
          }
          button{
            float: right;
          }
          .reset_text{
            position: absolute;
            left: 0;
            top: 40px;
            color: $save-detail-font-color;
            line-height:18px;
          }
          .strength_info{
            display: none;
            position: absolute;
            right: 0;
            top: 59px;
            border: 1px solid $border-color;
            line-height: 20px;
            padding: 10px;
            // background: $base-background-color;
            z-index: 10;
            &::before{
              position: absolute;
              content: '';
              right: 35px;
              top: -11px;
              width: 20px;
              height: 20px;
              transform: rotateZ(45deg);
              border: 1px solid;
              border-color:  $border-color transparent transparent $border-color;
              background: $sub-background-color;
            }
          }
        }
        button{
          margin-left: 10px;
          width: 98px;
          height: 38px;
          box-shadow: $btn-shadow-style1;
          &.cancel{
            color: $btn-lightBlue-color;
            border-color: $btn-lightBlue-color;
          }
        }
        .item_cont_center{
          float: left;
          width: 300px;
          line-height: 40px;
          font-size:14px;
        }
        .item_cont_right{
          float: right;
        }
      }
    }
  }
  .mobileverify-text{
    font-size:24px;
    line-height:33px;
  }
  .footerBtn{
    text-align: right;
  }
}
